<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width , user-scalable=no,initial-scale=1.0" />
<link rel="stylesheet" href="/css/myhome/common.css">
<link rel="stylesheet" href="/css/myhome/table.css">
<link rel="stylesheet" href="/css/myhome/navigation.css">
<script src="/js/common_lib/jquery-1.7.min.js"> </script>
<script src="/js/my_lib/HashMap.js"> </script>
<script src="/js/my_lib/DragDrop.js"> </script>
<script src="/js/my_lib/Class.js"> </script>
<script src="/js/my_lib/Util.js"> </script>
<script src="/js/my_lib/DataStructure2.js"> </script>
<script src="/js/my_lib/Hist.js"> </script>
<script src="/js/my_lib/Navigation.js"> </script>
<script type="text/javascript">
	var hh;
	$(document).ready(function() {
		alert('11111');
		
		makeNavi();
		
		hh = new Hist();
		hh.setTargetDiv('mainContents');
		hh.addPage('', '/_blank.jsp');
		hh.addPage('dday', '/home/dday.zpr');
		hh.addPage('memo', '/home/memo.zpr');
		hh.addPage('blog', '/home/blog.zpr');
		hh.addPage('html5', '/home/html5.zpr');
		
	});
	
	var makeNavi = function() {
		var nav1 = new Navigation('header_menu');
		nav1.addMenu("d-day").click(function(){
			goMenu('dday');
		});
		nav1.addMenu("한줄메모장").click(function(){
			goMenu('memo');
		});;
		nav1.addMenu("블로그").click(function(){
			goMenu('blog');
		});;
		nav1.addMenu("HTML5 Viewer").click(function(){
			goMenu('html5');
		});;
		nav1.appendAfter('.text_subject');
		$('.text_subject').after('<br>');
		$('.text_subject').after('<br>');
	};
	
	var goMenu = function(pageId) {
		hh.goUrl(pageId);
	};
	
</script>
</head>
<body>

<article style="width:90%; margin-left:5%;">
	<div id="title" class="whole_area" style="width:100%; min-width:800px; height:60px; margin-bottom: 5px; padding:10px;">
		<p class="text_subject" style="text-align: center;">Zephyr's Homepage</p>
	</div>
	<div id="mainContents" class="whole_area" style="width:100%; min-width:800px; height:100%; min-height:700px; padding:10px;">
	
	</div>
</article>

</body>
</html>